@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'formata_medium-webfont';
	src: url('fonts/ufonts.com_formata_medium-webfont.eot');
	src: local('☺'), url('fonts/ufonts.com_formata_medium-webfont.woff') format('woff'), url('fonts/ufonts.com_formata_medium-webfont.ttf') format('truetype'), url('fonts/ufonts.com_formata_medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'caflisch';
	src: url('fonts/caflsb.eot');
	src: local('☺'), url('fonts/caflsb.woff') format('woff'), url('fonts/caflsb.ttf') format('truetype'), url('fonts/caflsb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
	height:100%;
	background-image:url(images/paysage.jpg);
	background-color:#daddc6;
	background-repeat:no-repeat
}
/******  Mise en forme des div  ******/

.conteneurPrincipal {
	width:1024px;
	height:768px;;
	margin:auto;
	margin-bottom:8px;
	position:relative;
	background-color:#524A41;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;
}

.conteneurPrincipal2 {
	width:1024px;
	height:100%;
	margin:8px auto 8px auto;
	position:relative;
	background-color:#524A41;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;
	overflow:auto;
	padding-bottom:5px;
}

/*.conteneurPrincipal2 {
	width:1024px;
	min-height:768px;
	margin:8px auto 8px auto;
	position:relative;
	background-color:#524A41;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;
	overflow:auto;
	padding-bottom:5px;
}*/

h1{
	font-size:38px;	
	font-family:formatabold, Helvetica, sans-serif;
}

/*** -----------------Menu a droite de la page----------------- ***/
#bandeMenu {
	position:absolute;
	width:216px;
	top:0px;
	right:0px;
	bottom:0px;
	padding-top:24px;
	background-color:#daddc6;
	float:right;
}
	
#conteneurIcones{
	width:inherit;
	height:450px;
	padding-top:18px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
	#conteneurIcones img{
		margin-bottom:13px;
	}
	#conteneurIcones a:link{
		text-decoration:none;
		color:#524A41;		
	}
	#conteneurIcones a:visited{
		text-decoration:none;
		color:#524A41;		
	}
	#conteneurIcones a:hover{
		color:#524A41;	
	}
	#conteneurIcones a:active{
		text-decoration:none;
		color:#524A41;	
	}
	
	.icones{
		width:108px;
		height:108px;
		float:left;
	}
#conteneurLogos{
	width:202px;
	height:123px;
	padding:15px 7px 0px 7px;
	font-size:11px;
	color:#524A41;
}

#texteLogo{
	width:202px;
	font-size:14px;
	text-align:center;
	margin-bottom:8px;
}

.btDroite{
	padding:5px 0 5px 0;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#524A41;
	border-top:#524a41 1px solid;
	border-bottom:#524a41 1px solid;
	float:left;	
}
	a .btDroite:hover{
		background-color:#524a41;
		color:#daddc6;
	}
	
#btPartenaire{
	padding:5px 0 5px 0;
	width:108px;		
	border-right:#524a41 1px solid;
}
#btContact{
	width:107px;
}	
	#btTheme1{
		padding:5px 0 5px 0;
		width:71px;		
		border-right:#524a41 1px solid;
	}
	#btTheme2{
		padding:5px 0 5px 0;
		width:72px;		
	}

.logos{
	margin-top:18px;
	margin-right:7px;	
}
	
a img{
	border:none;	
}

/*** ------------------ Fin de la bande droite --------------------- ***/



/*** -------------- Debut Page accueil -------------------------------***/

#accueilBanniere {
	width:778px;
	height:295px;
	padding-left:12px;
	padding-right:12px;
	float:left;
}
	#accueilBanniere p{
	line-height:20px;
	margin-left:0px;
	margin-right:15px;
	color:white;
	font-size:14px;
	}
#accueilImageMenu{
	width:798px;
	margin:50px 5px 0px 5px;
	height:541px; 
	float:left;
}

/*** ------------- Fin page accueil --------------------------------***/



/*** ------------- Début pages themes ------------------------------***/
#themeBanniere {
	width:808px;
	float:left;
	overflow:auto;
}
	#themeBanniere p{
	line-height:20px;
	margin-left:12px;
	margin-right:15px;
	color:white;
	font-size:14px;
	}

	#titreTheme{
		width:609px;
		height:142px;
		float:left;
	}
	#iconeTheme{
			float:right;
			margin-top:10px;
	}

#themeMenu{
	width:798px;
	margin:0px 5px 0px 5px;
	float:left;
	line-height:18px;
	background-color:#c6c2bf;
}
	#themeMenu h3{
		margin-top:0px;	
		margin-bottom:0px;
		font-size:14px;
	}
	#themeMenu p{
		margin-bottom:0px;	
		font-size:12px;
	}
	.descProjet{
		width:778px;
		min-height:120px;
		color:#524A41;
		padding:15px 10px 15px 10px;
	}
		.descProjet:hover{
			color:white;
			background-color:#8C8271;
		}
	.descProjet2{
		width:778px;
		min-height:120px;
		color:#524A41;
		padding:15px 10px 15px 10px;
		background-color:#a7a29c;
	}
		.descProjet2:hover{
		color:white;
		background-color:#8C8271;
	}
	#themeMenu a:link{
		text-decoration:none;	
	}
	#themeMenu a:hover{
		text-decoration:none;	
	}
	#themeMenu a:active{
		text-decoration:none;	
	}
	#themeMenu a:visited{
		text-decoration:none;	
	}

	.vignettesProjet{
		float:left;
		margin-right:10px;
	}

/*** -------------- Fin pages themes -------------------------------***/


/*** --------------- Début page projet -----------------------------***/
#projetBanniere {
	width:775px;
	height:168px;
	float:left;
}
h2{
	font-family:formatabold, Helvetica, sans-serif;
	font-size:30px;		
	color:#524a41;
	line-height:38px;
	margin-top:0px;
	margin-bottom:5px;
}
#contenuProjet{
	width:768px; 
	float:left;
	line-height:16px;
	margin-left:5px;
	margin-right:5px;
	padding:15px 15px 15px 15px;
	background-color:#c6c2bf;
	overflow:auto;
	font-size:12px;
	color:#0e0d0b;
}
	#contenuProjet p{
		width:734px;
		margin-left:8px;
		margin-right:8px;
	}
	.sectionsProjet{
		margin-top:15px;
		overflow:auto;
	}
		.infosContact{
			margin:10px 8px 0px 8px;
			width:359px;
			float:left;
		}		
		.titreSections{
			width:inherit;
			border-bottom:#524940 solid 1px;
			margin-bottom:0px;
		}		
		.photosProjets{
			width:359px;
			height:269px;
			margin-left:16px;
			margin-top:15px;
			float:left;
			border:#524940 solid 1px;
		}

/*** --------------- Fin page projet -------------------------------***/

/*----------- Debut page vos projet ---------------------------------*/

h5{
	width:606px;
	float:left;
	font-family:formatabold, Helvetica, sans-serif;
	font-size:60px;
	color:white;
	margin-top:40px;
	margin-left:20px;
}

.etiquetteForm{
	color:#0e0d0b;
	float:left;
}

.contenuProjet h1{
	color:#0e0d0b;	
}
/*------------ Fin page vos projets -------------------------------*/


/*------------ Mise en forme logos partenaires --------------------*/
#contenuPartenaires{
	width:768px; 
	float:left;
	line-height:16px;
	margin-left:5px;
	margin-right:5px;
	padding:15px 15px 15px 15px;
	background-color:#c6c2bf;
	overflow:auto;
	font-size:12px;
	color:#0e0d0b;
}
.partenaires{
	width:765px;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:gray 2px solid;
	overflow:auto;
}
	.logoPartenaires{
		float:left;	
	}
	.coordonneesPartenaires{
		float:right;	
	}
	.coordonneesPartenaires p{
	text-align:right;
	width:500px;
	margin-top:0px;
	margin-bottom:0px;
	}

/*---------- Fin mise en forme logos partenaires ------------------*/